<!-- 创建时间: 2019年10月24日 星期四 01:52  用户预约组件 -->
<template>
    <div class="CubeAliPay_container"></div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import { Indicator } from "mint-ui";

export default {
    //import引入的组件需要注入到对象中才能使用
    components: {},
    data() {
        //这里存放数据
        return {};
    },
    beforeRouteLeave(to, from, next) {
        Indicator.close();
        next();
    },
    //监听属性 类似于data概念
    computed: {},
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {},
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {},
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {
        Indicator.open({
            text: "正在发起支付请求...",
            spinnerType: "fading-circle"
        });
        const div = document.createElement("div");
        div.innerHTML = this.$store.getters.getPayForm; //此处form就是后台返回接收到的数据
        document.body.appendChild(div);
        document.forms[0].submit();
    }
};
</script>

<style lang='scss' scoped>
//@import url(); 引入公共css类
.CubeAliPay_container {
    margin-top: 45px;
}
</style>